/******************管理员面板公共样式start*************************/

html,
body{
	font-family: "微软雅黑";
    height: 100%;
    background-color: #e6e7e8;
    padding-right:0 !important;
}
.page{
    /*background-color: #e6e7e8;*/
    background-color: #4E5465;
}
h4, .h4, h5, .h5, h6, .h6 {
    margin-bottom: 0;
    margin-top: 0;
} 
.margin-top-0{
    margin-top: 0;
}
.margin-bottom-10{
    margin-bottom: 10px;
}
.margin-bottom-15{
    margin-bottom: 15px;
}
.margin-bottom-20{
    margin-bottom: 20px;
}
.margin-bottom-30{
    margin-bottom: 30px;
}
.margin-top-15{
    margin-top: 15px;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-top-25{
    margin-top: 25px;
}
.margin-top-30{
    margin-top: 30px;
}
.margin-left-10{
    margin-left: 10px;
}
.margin-left-15{
    margin-left: 15px;
}
.margin-left-20{
    margin-left: 20px;
}
.margin-left-50{
    margin-left: 50px; 
}
.margin-right-10{
    margin-right: 10px;
}
.margin-right-15{
    margin-right: 15px;
}
.padding-top-15{
    padding-top: 15px;
}
.padding-top-6{
    padding-top: 6px;
}
.padding-bottom-6{
    padding-bottom: 6px;
}
.padding-bottom-15{
    padding-bottom: 15px;
}
.padding-left-160{
    padding-left: 160px;
}
.padding-left-15{
    padding-left: 15px;
}
.padding-left-30{
    padding-left: 30px;
}
.padding-right-15{
    padding-right: 15px;
}
.no-padding-left{
    padding-left: 0;
}
.no-padding-right{
    padding-right: 0;
}
.padding-right-10{
    padding-right: 10px;
}
.height-18{
    height: 18px;
}
form .requires{
    color: #ff0000;
    margin-right: 2px;
}
/******************管理员面板公共样式end*************************/


/*****************管理员面板头部样式start**************************/
.header-menu{
    display: none;
}
.admin-nav.navbar{
	min-height: 52px;
    /*background-color: #313338;*/
	background-color: #23262E; 
    border-color: #23262E; 
    margin-bottom: 0;
}
.admin-nav.navbar a{
    padding-left:15px;
}
.logo-text{
	font-size: 20px;
	font-weight: bold;
	line-height: 52px;
	height: 52px;
    color: #fff;
    width: 400px;
    text-align: left;
}
.logo-text:hover,
.logo-text:focus{
	text-decoration: none;
    color: #fff;
}
.hello-administrator{
	height: 40px;
	line-height: 40px;
    padding-right: 15px;
    padding-top: 5px;
}
.admin-nav.navbar .left-toggle{
	display: inline-block;
	/*width: 40px;*/
	height: 40px;
	line-height: 52px;
    color: #fff;
}
.navbar-default .navbar-nav > li > a {
     color: #dedede; 
}
.admin-nav.navbar .menu-list:link {
	color: #dedede;
}		/* 未访问的链接 */
.admin-nav.navbar .menu-list:visited {
	color: #fff;
}	/* 已访问的链接 */
.admin-nav.navbar .menu-list:hover {
	color: #fff;
}	/* 鼠标移动到链接上 */
.admin-nav.navbar .menu-list:active {
	color: #fff;
}
.admin-nav.navbar .navbar-nav > li.active{
	background-color: #000;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #000;
}
.admin-nav.navbar .menu-list{
	line-height: 40px;
	height: 40px;
	padding: 0 15px;
	display: block;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.admin-nav .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 16px;
    z-index: 1000;
    display: none; 
    float: left;
    min-width: 113px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.admin-nav .dropdown-menu.arrow:before {
    position: absolute;
    top: -8px;
    left: 10px;
    display: inline-block;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    content: '';
}
.admin-nav .dropdown-menu a{
	padding: 5px 15px;
}
.administrator{
	width: 25px;
	padding-top: 10px;
}

/*****************管理员面板头部样式end**************************/

/*******************************siderbar start*********************/
.sidebar{
	width: 200px;
    height: 100%;
    padding-right: 0px !important;
	min-height: 600px;
	background-color: #e6e7e8;
    background-color: #4E5465;/*侧边灰*/  
	/*border-right: 1px solid #d2d3d6;*/
    /*padding-top: 20px;*/
}
/*.sidebar > li.active > a:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    border-color: transparent #f7f8fa transparent transparent;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 0px;
}*/
.sidebar li > a {
    position: relative;
}
.sidebar > li > a{
    color: #3f444c;
    display: block;
    /*padding: 10px;*/
    position: relative;
    text-decoration: none;
}
.sidebar > li.active > a {
    /*background: #595f69;*/
    background-color: #4E5465;
    color: #ffffff;
    width: 200px;
    box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.1);
}
.sidebar > li > a:hover {
    background: #4E5465;
    color: #3f444c;
    box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.1);
}
.sidebar.nav-pills > li > a {
    border-radius: 0;
    cursor: default;
}
.sidebar.nav-pills > li.active > a,
.sidebar.nav-pills > li.active > a:hover,
.sidebar.nav-pills > li.active > a:focus {
  color: #fff;
  /*background-color: #595f69;*/
  background-color: #4E5465;
}
.sidebar.nav-stacked > li + li {
    margin-top: 0; 
    margin-left: 0;
}
.sidebar > li ul li a{
    padding: 5px 10px 5px 58px;
    display: block;
    text-decoration: none;
    /*color: #3f444c;*/
    color: #fff;
}
.sidebar > li ul li a:hover{
   background-color: #2B2E37;
}
.sidebar > li.active > a .fa.fa-angle-right{
    /*transform: rotate(90deg);*/
    transition: transform 0.15s ease-in 0s;
    position: absolute;
    right: 20px;
    top: 12px;
}
.sidebar > li > ul > li > a .fa.fa-angle-right{
    transform: rotate(0deg);
    transition: transform 0.15s ease-in 0s;
    position: absolute;
    right: 20px;
    top: 7px;
}
.sidebar > li > ul > li.active > a .fa.fa-angle-right{
    transform: rotate(90deg);
    transition: transform 0.15s ease-in 0s;
    position: absolute;
    right: 20px;
    top: 7px;
}
.sidebar > li li.active{
    background-color: #ccc;
}
.sidebar > li > ul > li.active > a{
    background-color: #666;
    color: #fff;
}
.sidebar > li li.active li{
    background-color: #e6e7e8;
}
.sidebar > li > ul ul li a{
    padding: 5px 10px 5px 60px;
}
.sidebar > li > ul ul li.active{
    background-color: #666;
}
.sidebar > li > ul ul li.active a{
    color: #fff;
    position: relative;
}
.sidebar > li > ul > li.active > a .fa.fa-angle-right{
    position: absolute;
    top: 7px;
}
hr {
    margin-top: 10px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #d2d3d6;
}

/*.angle-right{
    position: absolute;
    right: 20px;
    top: 12px;
}
.angle-right{
    position: absolute;
    right: 20px;
    top: 12px;
}*/
/*******************************siderbar end*********************/

/*******************************holder start*********************/
.holder{
    font-size: 12px;
	margin-left: 200px;
    background-color: #f7f8fa;
    padding-top: 5px;
    padding-bottom: 30px;
}
.container {
    width: 100%;
}
.breadcrumb {
    padding: 8px 0;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}
.breadcrumb + h2{
    font-size: 22px;
    padding-left: 0;
    margin-bottom: 20px;
}
.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    margin-right: 15px;
}
input[type="radio"], input[type="checkbox"] {
    margin: 2px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    cursor: pointer;
}
.btn-default {
    background-color: #fff;
    color: #333;
    border-radius: 0;
    background-color: #e6e7e8;
    border: 0;
    font-size: 12px;
}
.btn-default:hover{
    background-color: #d1d3d4;
    border: 0;
}
a.label-info{
    padding: 3px 8px;
    background-color: #2bbce0;
    color: #fff;
}
a.label-info:hover{
    cursor: pointer;
    background-color: #00CCFF;
    text-decoration: none;
}
/*链接的默认样式hover提示禁止：*/
a.label-defalut{
    padding: 3px 8px;
    background-color: #777;
    color: #fff;
    text-decoration: none;
}
a.label-defalut:hover{
    cursor: not-allowed;
    text-decoration: none;
}

/*******************************holder end*********************/


/*******************************footer start*********************/
.footer{
	border-top: 1px solid #d2d3d6;
    background: #edeef0;
    margin-left: 200px;
    height: 30px;
    margin-top: -30px;
    overflow: hidden;
    padding: 5px 15px;
    font-size: 12px;
}
/*******************************footer end*********************/

@media (min-width: 640px) and (max-width: 767px){
    .header-menu + ul,
    .header-menu + ul + ul{
        display: none;
    }
    .menu-list-logo{
        float: none !important;
    }
    .header-menu{
        display: block;
        color: #dedede;
        height: 40px;
        line-height: 40px;
    }
    .header-menu:hover,
    .header-menu:focus{
        color: #fff;
        text-decoration: none;
    }
    .sidebar{
        display: none;
    }
    .holder{
        margin-left: 0;
    }
}
@media (max-width: 640px){
    .header-menu + ul,
    .header-menu + ul + ul{
        display: none;
    }
    .menu-list-logo{
        float: none !important;
    }
    .header-menu{
        display: block;
        color: #dedede;
        height: 40px;
        line-height: 40px;
    }
    .header-menu:hover,
    .header-menu:focus{
        color: #fff;
        text-decoration: none;
    }
}

/*******************************form extends start*********************/
form .help-inline{
    /*display: inline-block;*/
    height: 30px;
    line-height: 30px;
}
/*******************************form extends end*********************/


/********************多选对话框中的样式 start*****************************/
.mul-select button{
    border-radius: 0;
    font-size: 12px;
}
.mul-select .batch-select{
    position: fixed;
    color: #fff;
}
.mul-select .batch-select{
    padding: 7px 8px;
    background-color: #ff0000;
}
.mul-select .batch-select:hover{
    opacity: 1;
    color: #fff;
    background-color: #e73c3c;
}
/*表头*/
.mul-select form table thead{
    /*background-color: #fff;*/
}
.mul-select form table{
    position: relative;
}
/*验证*/
.success-field{
    background: rgba(0, 0, 0, 0) url("/resources/tool/base-widget/img/form/success-icon.png") no-repeat scroll 100% 50%;
}
.error-field{
    border: 1px solid #b94a48 !important;
    background: rgba(0, 0, 0, 0) url("../../../tool/base-widget/img/form/edit-red.png") no-repeat scroll 100% 50%;
}
.focus-field{
    border: 1px solid #a0a0a0 !important;
    background: rgba(0, 0, 0, 0) url("../../../tool/base-widget/img/form/edit-gray.png") no-repeat scroll 100% 50%;
}
/********************多选对话框中的样式 end*****************************/


/********************标签的样式 start*****************************/
.tags .label-info{
    padding: 7px;
    margin-right: 10px;
    color: #fff;
}
.tags .label-info i{
    margin-left: 5px;
}
.tags .label-info i:hover{
    color: #dedede;
    cursor: pointer;
}
/********************标签的样式 end*****************************/
/********************宽度、高度的样式 start*****************************/
.new220 {
    width:220px;
}
.new240 {
    width:240px;
}
.new500{
    width:90%;
}
.newHeight80{
    height: 80px;
}
.border0{
    border:0px !important;
    box-shadow: none !important;
}
.col-sm-offset-2-5{
    margin-left: 8.1% !important;/*---------------------------------------------------------------------------------*/
}
.col-sm-offset-4-5{
    margin-left: 45.7%;
}
.col-sm-4-7{
    width: 50.166666666%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-sm-6-5{
    width: 54.866666666%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/********************宽度、高度的样式 end*****************************/
